<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
	</head>

	<body>
		<pre>
			
			在 vue 中，如果想对一个数组进行遍历，需要使用 v-for
			=> v-for="(value, key, index) in obj"

			<!-- value  代表的是值 -->
			<!-- key  代表的是键 -->
			<!-- index  代表的是索引 -->
		 </pre>

		<div id="app">
			<!-- 如果是对 对象 进行遍历，v-for 有三个属性 -->
			<!-- value  代表的是值 -->
			<!-- key  代表的是键 -->
			<!-- index  代表的是索引 -->
			<p v-for="(value, key, index) in obj" :key="index">
				{{ value }} -- {{ key }} -- {{ index }}
			</p>
		</div>

		<script src="/scripts/vue.js"></script>
		<script>
			var vm = new Vue({
				el: '#app',
				data: {
					obj: { id: 1, name: 'Tom', age: 10 },
				},
				methods: {},
			})
		</script>
	</body>
</html>
